import React, { memo, useEffect, useRef } from "react";
import flvjs from "flv.js";
import { Button } from "antd";
import "@/views/Control/index.css";

interface Props {
  type: string;
  url: string;
}

function DirControler<Props>(props: Props) {
  useEffect(() => {}, []);

  return (
    <div className="grid grid-cols-3 gap-4 text-white">
      <div className="size-14"></div>
      <Button className="size-14 btn">
        <span className="iconfont icon-upArrow icon"></span>
      </Button>
      <div className="size-14"></div>
      <Button className="size-14 btn">
        <span className="iconfont icon-leftArrow icon"></span>
      </Button>
      <div className="size-14"></div>
      <Button className="size-14 btn">
        <span className="iconfont icon-rightArrow icon"></span>
      </Button>
      <div className="size-14"></div>
      <Button className="size-14 btn">
        <span className="iconfont icon-downArrow icon"></span>
      </Button>
      <div className="size-14"></div>
    </div>
  );
}

export default memo(DirControler);
